1 Hello, Qt

本课时介绍如何利用简单的文本编辑器创建一个基本的 Qt 程序。

1.1 开始之前

完成环境准备
对 Qt 有个基本的了解
会使用 c++ 基本语法

1.2 第一个 Qt 程序

说明： 第一个 Qt 程序不使用任何继承开发工具，使用 qmake 和基本的编辑器（我使用的是 Visual Studio Code）完成。
注意：项目名和文件名,甚至路径中都不能出现中文，否则编译时会报错

第一步：编写程序(只有一个 main.cpp 文件)

1 2	. └── main.cpp # 主文件

main.cpp

// The first Qt Program
#include <QApplication>
#include <QLabel>

int main(int argc, char *argv[])
{
	// 创建 QApplication 实例
	QApplication hello(argc, argv);
	// 添加一个文本组件
	QLabel *label = new QLabel;
	label->setText("Hello, Qt");
	label->show();

	// 结束进程
	return hello.exec();
}

第二步：生成平台无关的项目文件

1	$ qmake -project "QT += widgets"

第三步：生成原生构造系统（GNU Makefile）

$ qmake

Info: creating stash file /Users/tonyearth/Projects/qt_demos

c语言基础/l01_HelloQt/.qmake.stash

第四步：构造刻执行的程序

$ make

/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/bin/clang++ -c -pipe -stdlib=libc++ -isysroot /Applications/Xcode
.app/Contents/Developer/Platforms/MacOSX.platform/Developer/SDKs/MacOSX10.12.sdk -mmacosx-version-min=10.9 -O2 -std=gnu++11 -Wall -W -fPIC -DQTNO
DEBUG -DQT_WIDGETS_LIB -DQT_GUI_LIB -DQT_CORE_LIB -I. -I. -I/Applications/Qt/5.8/clang_64/lib/QtWidgets.framework/Headers -I/Applications/Qt/5.8/cla
ng_64/lib/QtGui.framework/Headers -I/Applications/Qt/5.8/clang_64/lib/QtCore.framework/Headers -I. -I/Applications/Xcode.app/Contents/Developer/Plat
forms/MacOSX.platform/Developer/SDKs/MacOSX10.12.sdk/System/Library/Frameworks/OpenGL.framework/Headers -I/Applications/Xcode.app/Contents/Developer
/Platforms/MacOSX.platform/Developer/SDKs/MacOSX10.12.sdk/System/Library/Frameworks/AGL.framework/Headers -I/Applications/Qt/5.8/clang_64/mkspecs/ma
cx-clang -F/Applications/Qt/5.8/clang_64/lib -o main.o main.cpp
/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/bin/clang++ -headerpad_max_install_names -stdlib=libc++ -Wl,-sysl
ibroot,/Applications/Xcode.app/Contents/Developer/Platforms/MacOSX.platform/Developer/SDKs/MacOSX10.12.sdk -mmacosx-version-min=10.9 -Wl,-rpath,/Ap
plications/Qt/5.8/clang_64/lib -o l01_HelloQt.app/Contents/MacOS/l01_HelloQt main.o -F/Applications/Qt/5.8/clang_64/lib -framework QtWidgets -fram
ework QtGui -framework QtCore -framework DiskArbitration -framework IOKit -framework OpenGL -framework AGL

第五步：启动应用

.
├── Makefile # 第三步产物
├── l01_HelloQt.app # 第四步产物：打包好的应用
│   └── Contents
│       ├── Info.plist
│       ├── MacOS
│       │   └── l01_HelloQt
│       ├── PkgInfo
│       └── Resources
│           └── empty.lproj
├── l01_HelloQt.pro # 第二步产物
├── main.cpp # 第一步产物：编写程序
└── main.o # 第四步产物：目标文件

1	$ open l01_HelloQt.app

1.3 Qt 程序编译方式

qmake 编译
IDE 编译（Qt Creator）
第三方编译工具

1.4 了解 qmake 与 make 命令

qmake 编译步骤

qmake -project
qmake
make

Qmake 创建工程文件

$ qmake -project # 创建 pro 文件

$ qmake -tp vc hello.pro # 创建 VS 工程文件

$ qmake -spec macx-xcode hello.pro # 创建 XCode 工程文件

$ qmake -spec macx-g++ hello.pro # 在 /Applications/Qt/5.8/clang_64/mkspecs 下查看可选组合

window 和 Linux 环境使用 qmake
基本是一样的，值的注意的一点，是 windows 版本的 Qt 提供了一个终端，自带 Qt 的环境。

2 Qt Creator 与高效开发

本课时会讲解 Qt Creator 以及其他开发工具的使用，包括如何使用 Qt Creator 创建 Qt 工程。并讲解 Qt 工程中包括的文件以及 Qt.pro 文件中的语法。

2.1 Qt Creator 的使用

2.1.1 Hello Qt 示例（Mac Desktop 版）

创建项目

第一步：创建哪种应用类型

第二步：项目名称和存储位置

第三步：使用哪些工具集

第四步：初始化时的项目文件名等细节

第五步：项目管理（版本管理等）

项目开发

mainwindow.cpp

#include "mainwindow.h"
#include <QLabel>
MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
{
    QLabel *label=new QLabel(this);
    label->setText("Hello, Qt");
    label->show();
}

MainWindow::~MainWindow()
{

}

运行效果

2.1.2 使用 QtDesigner

创建项目

说明： 创建项目时勾选创建界面即可使用 QtDesigner。

项目开发

(1) 双击 .ui 文件， QtCreator 会自动进入设计模式，通过简单拖动就可以添加一些组件。

(2) 可以在代码中对 .ui 文件创建的组件进行进一步处理。

例如， mainwindow.cpp

#include "mainwindow.h"
#include "ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    QLabel *label = ui->label;
    label->setText("Qt大法好！");

}

MainWindow::~MainWindow()
{
    delete ui;
}

(3) 运行

2.2 Qt 项目文件

QtCreator 会在项目源码所在目录外，创建一个新目录专门处理构建任务，从而保证源码目录的干净。

.
├── build-l01_HelloQtWithDesigner-Desktop_Qt_5_8_0_clang_64bit-Debug
│   ├── Makefile
│   ├── l01_HelloQtWithDesigner.app
│   │   └── Contents
│   │       ├── Info.plist
│   │       ├── MacOS
│   │       │   └── l01_HelloQtWithDesigner
│   │       ├── PkgInfo
│   │       └── Resources
│   │           └── empty.lproj
│   ├── main.o
│   ├── mainwindow.o
│   ├── moc_mainwindow.cpp
│   ├── moc_mainwindow.o
│   ├── moc_predefs.h
│   └── ui_mainwindow.h
└── l01_HelloQtWithDesigner
    ├── l01_HelloQtWithDesigner.pro
    ├── l01_HelloQtWithDesigner.pro.user
    ├── main.cpp
    ├── mainwindow.cpp
    ├── mainwindow.h
    └── mainwindow.ui

2.3 pro 文件语法

说明： 工程中的 .pro 文件是 qmake 的工程文件，它列举了工程中包含的源文件以及各种资源文件。
应用：由于直接使用 qmake 命令构建程序过于繁琐，因此大多数情况下会想构建相对简单的 .pro 文件，再使用 qmake 生成对应的 Makefile。

2.3.1 变量

pro 文件中一些重要的的变量	说明
QT	使用的 QT 模块
CONFIG	决定了程序编译时，链接哪些库（默认是 qt ，而QT 变量的值会进一细化使用哪些链接库）
TARGET	项目名
TEMPLATE	项目类型（app/lib/sudirs）
DEFINES	使用哪些 Qt 构造系统提供的模块
SOURCES	源文件
HEADRES	头文件
FORMS	UI 文件
RESOURCES	资源文件
OTHER_FILES	其它文件

2.3.2 操作符

操作符	功能
+=	扩展变量的值
-=	移除值
*=	扩展变量的值（该值如果已经有了则被忽略）
～=	增加一个符和正则的值

QT       += core gui # 使用的 Qt 模块
CONFIG += qt
greaterThan(QT_MAJOR_VERSION, 4): QT += widgets

TARGET = l01_HelloQtWithDesigner # 项目名
TEMPLATE = app # 项目类型 app/lib/subdirs

DEFINES += QT_DEPRECATED_WARNINGS

SOURCES += main.cpp\ # 源文件
        mainwindow.cpp

HEADERS  += mainwindow.h # 头文件

FORMS    += mainwindow.ui # UI 文件